<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head th:include="/common/_container :: htmlhead"></head>
<body>
<div class="ibox float-e-margins" id="app">
    <div class="ibox-content">
        <div class="form-horizontal">

            <input type="hidden" id="id" value=""/>
             <div class="row">
                <div class="col-sm-6 ">               
                    <div class="form-group">
					    <label class="col-sm-3 control-label">部门名称				    
					    	<span style="color: red">*</span>
					    </label>
					    <div class="col-sm-9">
					        <input class="form-control" id="fullname" type="text" />
					    </div>
					</div>
					<div class="hr-line-dashed"></div>
                </div>
                <div class="col-sm-6 ">               
                    <div class="form-group">
					    <label class="col-sm-3 control-label">部门简称			    
					    	<span style="color: red">*</span>
					    </label>
					    <div class="col-sm-9">
					        <input class="form-control" id="simplename" type="text" />
					    </div>
					</div>
					<div class="hr-line-dashed"></div>
                </div>
                <div class="col-sm-6">                                           
                    <div class="form-group">
					    <label class="col-sm-3 control-label">所属机构			  
					    	<span style="color: red">*</span>
					    </label>
					    <div class="col-sm-9">
					        <input class="form-control" id="officeName" readonly="readonly"
					               onclick="DeptInfoDlg.showOfficeSelectTree(); return false;" style="background-color: #ffffff !important;"/>					        
					            <input class="form-control" type="hidden" id="officeId" />         
					    </div>
					</div>
					<div class="hr-line-dashed"></div>
                </div>        
                
                <div class="col-sm-6">
                	<div class="form-group">
					    <label class="col-sm-3 control-label">上级部门		  
					    	<span style="color: red">*</span>
					    </label>
					    <div class="col-sm-9">
					        <input class="form-control" id="pName" readonly="readonly"
					               onclick="DeptInfoDlg.showDeptSelectTree(); return false;" style="background-color: #ffffff !important;"/>					        
					            <input class="form-control" type="hidden" id="pid" />         
					    </div>
					</div>
					<div class="hr-line-dashed"></div>                
                </div>
                <div class="col-sm-6 ">               
                    <div class="form-group">
					    <label class="col-sm-3 control-label">排序		    
					    	<span style="color: red">*</span>
					    </label>
					    <div class="col-sm-9">
					        <input class="form-control" id="num" type="number" />
					    </div>
					</div>
					<div class="hr-line-dashed"></div>
                </div> 
                                        
                <div class="col-sm-6 ">               
                    <div class="form-group">
					    <label class="col-sm-3 control-label">备注		    
					    	
					    </label>
					    <div class="col-sm-9">
					        <input class="form-control" id="tips" type="text" />
					    </div>
					</div>
					<div class="hr-line-dashed"></div>
                </div>
                
                
            </div>

            <!-- 父级部门的选择框 -->
            <div id="parentDeptMenu" class="menuContent"
                 style="display: none; position: absolute; z-index: 200;">
                <ul id="parentDeptMenuTree" class="ztree tree-box" style="width: 245px !important;"></ul>
            </div>
            
            <div id="officeMenu" class="menuContent"
                 style="display: none; position: absolute; z-index: 200;">
                <ul id="officeMenuTree" class="ztree tree-box" style="width: 245px !important;"></ul>
            </div>

            <div class="row btn-group-m-t">
                <div class="col-sm-10">
	               	 <button type="button" class="btn btn-info" id="ensure" onclick="DeptInfoDlg.addSubmit()" >
						   <i class="fa fa-check"></i>&nbsp;提交
					</button>
					<button type="button" class="btn btn-danger"  id="cancel" onclick="DeptInfoDlg.close()" >
						   <i class="fa fa-eraser"></i>&nbsp;取消
					</button>                   
                </div>
            </div>
        </div>

    </div>
</div>
<script th:src="@{/static/modular/system/dept/dept_info.js}"></script>
</body>
</html>